<template>
	<view class="count">
		<view class="u-p-t-20">
			<u-tabs name="cate_name" count="cate_count" 
			:list="list" :current="current" @change="change"
			:gutter="55" :bar-width="55" ></u-tabs>

		</view>
	</view>
</template>

<script>
		export default {
			data() {
				return {
					list: [{
						cate_name: '全部'
					}, {
						cate_name: '待支付'
					}, {
						cate_name: '待接单',
	                    cate_count: 5
					}, {
						cate_name: '进行中'
					}, {
						cate_name: '已完成'
					}],
					current: 0
				}
			},
			methods: {
				change(index) {
					this.current = index;
				}
			}
		}
</script>

<style>
	
</style>
